<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>搜索页面</title>

    <link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
    <link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

    <link href="../basic/css/demo.css" rel="stylesheet" type="text/css" />

    <link href="../css/seastyle.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="../basic/js/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="../js/script.js"></script>
</head>

<body>

<!--顶部导航条 -->
<div class="am-container header">
    <ul class="message-l">
        <div class="topMessage">
            <div class="menu-hd">
                <a href="#" target="_top" class="h">亲，请登录</a>
                <a href="#" target="_top">免费注册</a>
            </div>
        </div>
    </ul>
    <ul class="message-r">
        <div class="topMessage home">
            <div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
        </div>
        <div class="topMessage my-shangcheng">
            <div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
        </div>
        <div class="topMessage mini-cart">
            <div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
        </div>
        <div class="topMessage favorite">
            <div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
    </ul>
</div>

<!--悬浮搜索框-->

<div class="nav white">
    <div class="logo"><img src="../images/logo.png" /></div>
    <div class="logoBig">
        <li><img src="../images/logobig.png" /></li>
    </div>

    <div class="search-bar pr">
        <a name="index_none_header_sysc" href="#"></a>
        <form>
            <input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
            <input id="ai-topsearch" class="submit am-btn"  value="搜索" index="1" type="submit">
        </form>
    </div>
</div>

<div class="clear"></div>
<b class="line"></b>
<div class="search">
    <div class="search-list">
        <div class="nav-table">
            <div class="long-title"><span class="all-goods">全部分类</span></div>
            <div class="nav-cont">
                <ul>
                    <li class="index"><a href="#">首页</a></li>
                    <li class="qc"><a href="#">闪购</a></li>
                    <li class="qc"><a href="#">限时抢</a></li>
                    <li class="qc"><a href="#">团购</a></li>
                    <li class="qc last"><a th:href="'searchallStore'">全部店铺</a></li>
                </ul>
                <div class="nav-extra">
                    <i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
                    <i class="am-icon-angle-right" style="padding-left: 10px;"></i>
                </div>
            </div>
        </div>


        <div class="am-g am-g-fixed">
            <div class="am-u-sm-12 am-u-md-12">
                <div class="theme-popover">
                    <br>
                    <ul class="select">
                        <p class="title font-normal">
                            <span class="fl">分类搜索</span>
                        </p>
                        <div class="clear"></div>
                        <li class="select-result">
                            <dl>
                                <dt>已选</dt>
                                <dd class="select-no"></dd>
                                <p class="eliminateCriteria">清除</p>
                            </dl>
                        </li>
                        <div class="clear"></div>
                        <li class="select-list">
                            <dl id="select1">
                                <dt class="am-badge am-round">店名：</dt>

                                <div class="dd-conent">
                                    <input type="text" id="tempname"/> &emsp;  &emsp; <button th:onclick="searchbyname()">确定</button>
                                </div>

                            </dl>
                        </li>
                        <li class="select-list">
                            <dl id="select2">
                                <dt class="am-badge am-round">城市：</dt>
                                <div class="dd-conent">
                                    <input type="text" id="tempcity"/> &emsp;  &emsp; <button th:onclick="searchbycity()">确定</button>
                                </div>
                            </dl>
                        </li>

                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="search-content">
                    <div class="sort">

                    </div>
                    <div class="clear"></div>

                    <ul class="am-avg-sm-2 am-avg-md-4 boxes" >
                        <li th:each="store: ${pageInfo.list}">
                            <div class="i-pic limit">
                                <a th:href="'/product/store/allproductbySid?storeId='+${store.storeId}"><img src="../images/imgsearch1.jpg" /></a>
                                <p class="title fl" >店铺名：<em style="font-weight: bold" th:text="${store.storeName}"></em></p>
                                <p class="title fl" >描述：<em th:text="${store.storeDescription}"></em></p>
                                <p class="price fl">
                                    <b></b>
                                    <strong></strong>
                                </p>
                                <p class="number fl">
                                    所在城市：<span th:text="${store.storeCity}">1110</span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="clear"></div>
            </div>
        </div>
                <!--分页 -->
                <nav>
                    <ul class="pagination am-pagination-right">
                        <li><p>当前 <span th:text="${pageInfo.pageNum}"></span> 页,总 <span th:text="${pageInfo.pages}"></span> 页,共 <span th:text="${pageInfo.total}"></span> 条记录</p></li>
                        <li><a th:href="@{/store/searchallStore}">首页</a>
                       <a th:href="@{/store/searchallStore(pageNum=${pageInfo.hasPreviousPage}?${pageInfo.prePage}:1)}">上一页</a>
                        <a th:href="@{/store/searchallStore(pageNum=${pageInfo.hasNextPage}?${pageInfo.nextPage}:${pageInfo.pages})}">下一页</a>
                       <a th:href="@{/store/searchallStore(pageNum=${pageInfo.pages})}">尾页</a></li>
                    </ul>
                </nav>


            </div>
        </div>
    </div>

</div>

<!--引导 -->
<div class="navCir">
    <li><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
    <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
    <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
    <li><a href="../../../../../../../../program201906/demo/src/main/resources/templates/pages/person/index.html"><i class="am-icon-user"></i>我的</a></li>
</div>


<script>
    window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
</script>
<script type="text/javascript" src="../basic/js/quick_links.js"></script>
<script type="text/javascript">
    function searchbyname() {
        var temp1=document.getElementById("tempname").value;
        window.location.href='/store/showallbyname?storeName='+temp1;
    }

    function searchbycity() {
        var temp2=document.getElementById("tempcity").value;
        window.location.href='/store/showallbycity?storeCity='+temp2;
    }
</script>
<div class="theme-popover-mask"></div>

</body>

</html>